<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <meta name="author" content="胡爱静">
    <title>首页</title>
    <style>
      body{
          margin: 0;
          background-color: lightskyblue;
      }
       ul{
          list-style: none;
          display: flex;
          flex-wrap: wrap;
      }
      li{
          padding: 10px;
          font-size: 20px;
      }
    </style>
</head>
<body>
    <h1>学习过程记录</h1>
<ul>
    <li><a href="./简易选项卡.html">简易选项卡</a></li>
    <li><a href="./简易日历.html">简易日历</a></li>
    <li><a href="./百度新闻首页.html">百度新闻首页</a></li>
    <li><a href="./轮播图/轮播图.html">轮播图</a></li>
    <li><a href="./千图网/index.html">千图网首页</a></li>
    <li><a href="./0807作业/改变透明度.html">改变透明度</a></li>
    <li><a href="./0807作业/改变图片的路径.html">改变图片的路径</a></li>
    <li><a href="./优酷/index.html">优酷会员、优酷首页</a></li>
    <li><a href="./唯品会/index.html">唯品会首页</a></li>
    <li><a href="./0815作业/index.html">0815作业(jquery)</a></li>
    <li><a href="./遮罩层(jquery)/遮罩层(jquery).html">遮罩层(jquery)</a></li>
    <li><a href="./轮播图(jquery)/轮播图(jquery).html">轮播图(jquery)</a></li>
    <li><a href="./图片切换/index.html">图片切换(jquery)</a></li>
    <li><a href="./星级评分/index.html">星级评分(jquery)</a></li>
    <li><a href="./小米商城/index.html">小米商城</a></li>
    <li><a href="./卡通动画/index.html">卡通动画</a></li>
</ul>
</body>
</html>